<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="font-icon/iconfont.css">
    <link rel="stylesheet" href="css/style.css">
    <!-- <link rel="stylesheet" href="fontstyle/style.css"> -->
    <title>Document</title>
</head>

<body>
    <header>
        <article>
            <section><i class="iconfont icon-icon_GPS text-size"></i>东方电子商业园<i class="iconfont icon-icon-test26 text-size"></i></section>
            <section>
                <aside>
                    <span>多云</span>
                    <span>15°C</span>
                </aside>
                <i class="iconfont icon-icon_cloud_history text-size"></i>
                <i class="iconfont icon-icon-test1 text-size"></i>
            </section>
        </article>
        <article>
            <i class="iconfont icon-icon-test5"></i><span>快餐</span>
        </article>
    </header>
    <main>
        <section class="section1_content">
            <img src="images/pic_01.png" alt="">
        </section>
        <section class="section2_content">
            <img src="images/pic_02.png" alt="">
        </section>
        <section  class="section3_content">
            <figure>
                <figcaption><img src="images/03.png" alt=""></figcaption>
                <span>美食</span>
            </figure>
            <figure>
                <figcaption><img src="images/03.png" alt=""></figcaption>
                <span>美食</span>
            </figure>
            <figure>
                <figcaption><img src="images/03.png" alt=""></figcaption>
                <span>美食</span>
            </figure>
            <figure>
                <figcaption><img src="images/03.png" alt=""></figcaption>
                <span>美食</span>
            </figure>
            <figure>
                <figcaption><img src="images/03.png" alt=""></figcaption>
                <span>美食</span>
            </figure>
            <figure>
                <figcaption><img src="images/03.png" alt=""></figcaption>
                <span>美食</span>
            </figure>
            <figure>
                <figcaption><img src="images/03.png" alt=""></figcaption>
                <span>美食</span>
            </figure>
            <figure>
                <figcaption><img src="images/03.png" alt=""></figcaption>
                <span>美食</span>
            </figure>
            <figure>
                <figcaption><img src="images/03.png" alt=""></figcaption>
                <span>美食</span>
            </figure>
            <figure>
                <figcaption><img src="images/03.png" alt=""></figcaption>
                <span>美食</span>
            </figure>
        </section>
        <section  class="section4_content">
            <h2>优惠专区</h2>
            <article>
                <div>
                    <img src="images/04.png" alt="">￥10
                </div>
                <div>
                    <img src="images/04.png" alt="">￥10
                </div>
                <div>
                    <img src="images/04.png" alt="">￥10
                </div>
                <div>
                    <img src="images/04.png" alt="">￥10
                </div>
                <div>
                    <img src="images/04.png" alt="">￥10
                </div>
                <div>
                    <img src="images/04.png" alt="">￥10
                </div>
            </article>
            
        </section>
    </main>
    <footer>
        <p>
            <a href="">
                <i class="iconfont icon-shouye text-size"></i>
                <span>首页</span>
            </a>
        </p>
        <p>
            <a href="html/shop.html">
                <i class="iconfont icon-shouye text-size"></i>
                <span>闪购</span>
            </a>
        </p>
        <p>
            <a href="">
                <i class="iconfont icon-shouye text-size"></i>
                <span>订单</span>
            </a>
        </p>
        <p>
            <a href="html/self.html">
                <i class="iconfont icon-shouye text-size"></i>
                <span>我的</span>
            </a>
        </p>
    </footer>
</body>

</html>